@charset "utf-8";//必须设置了这个才能编译有中文的注释
//base setting
$color-base: #ff6600; //#ff6600
$color-hover-bg:#ffe0cc;//#ffe0cc //菜单移上色
$color-btn:#fd6a24;//#fd6a24 //按钮色
$color-btn-hover:#ff9148;//#ff9148     //按钮移上的色
$color-ipt:#32a2e2;//#32a2e2 //输入框色

$color-base-bg:#ff7519;//#ff7519; //聊天左侧色
$color-chat-thin:#ffc8a3;//当前聊天人
$color-chat-hover:#ff9853;//#ff9853


//网站改版色
$color-base: #465a63; //基础色
$color-hover-bg:#e6edf0; //菜单移上色
$color-btn:#465a63;//按钮色
$color-btn-hover:#26c5d8; //按钮移上的色
$color-ipt:#465a63;//#输入框色

$color-base-bg:#465a63; //聊天左侧色
$color-chat-thin:#a3adb1;//当前聊天人
$color-chat-hover:#74838a;//关闭聊天人


//屏幕宽度
$screen-lg:1440px; //大屏高

//网站基础色
$color-base: #465a63; //基础色
$color-hover-bg:#e6edf0; //菜单移上色
$color-btn:#465a63;//按钮色
$color-btn-hover:#26c5d8; //按钮移上的色
$color-ipt:#465a63;//#输入框色


/*显示隐藏*/
@mixin responsive-visibility{
  display: block !important;
  table&  { display: table; }
  tr&     { display: table-row !important; }
  th&,
  td&     { display: table-cell !important; }
}

@mixin responsive-invisibility{
  display: none !important;
}

//sass style
//-------------------------------
$baseFontSize:      10px !default;
$gray:              #ccc !default;

// pixels to rems
@function pxToRem($px) {
  @return $px / $baseFontSize * 1rem;
}
.eg{
  font-size:pxToRem(16px);
  color:darken($gray,10%);
}


/*css3补全*/
@mixin opacity($val){
  $ieV:$val * 100;
  opacity: $val;
  filter:alpha(opacity=$ieV);
}
@mixin bgTran($rgba) {
  background-color: $rgba;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=rgba($rgba), endColorstr=rgba($rgba));
}
@mixin animation($value) {
  -webkit-animation: $value;-moz-animation: $value;animation: $value;
}
@mixin transition($value){
  -webkit-transition: $value;-moz-transition: $value;-ms-transition: $value;-o-transition: $value;transition: $value;
}
@mixin transform($value){
  -webkit-transform: $value;-moz-transform: $value;-ms-transform: $value;-o-transform: $value;transform: $value;
}
@mixin border-radius($value){
  -webkit-border-radius: $value;-moz-border-radius: $value;border-radius: $value;
}
@mixin box-shadow($value){
  -webkit-box-shadow: $value;-moz-box-shadow: $value;box-shadow: $value;
}
@mixin linear-gradient($value){
  background-image: -webkit-linear-gradient($value);background-image: -moz-linear-gradient($value);background-image: -ms-linear-gradient($value);background-image: linear-gradient($value);
}
@mixin background-size($value){
  -webkit-background-size: $value;-moz-background-size: $value;background-size: $value;
}
@mixin perspective($value){
  -webkit-perspective: $value;-moz-perspective: $value;perspective: $value;
}
/*多行文本省略号*/
@mixin omit($num){
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: $num;
  -webkit-box-orient: vertical;
}
/*css三角*/
@mixin triangle(){
  display: inline-block;width: 0;height: 0;border-style: solid;vertical-align: middle;
}
@mixin triangle_down($size,$color) {
  @include triangle;
  border-color: $color transparent transparent transparent;border-width: $size $size 0 $size;
}
@mixin triangle_left($size,$color) {
  @include triangle;
  border-color: transparent $color transparent transparent;border-width: $size $size $size 0;
}
@mixin triangle_top($size,$color) {
  @include triangle;
  border-color: transparent transparent $color transparent;border-width: 0 $size $size $size;
}
@mixin triangle_right($size,$color) {
  @include triangle;
  border-color: transparent transparent transparent $color;border-width: $size 0 $size $size;
}
//util
@mixin text-overflow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}